<?php

    require_once('inc/DBH.php');
    require_once('inc/Model/Linea.php');
    require_once('inc/Model/TipoProducto.php');
    require_once('inc/Model/Producto.php');

    $collection = array();
    foreach( Producto::GetCollection() as $p ) {
        $a = array();
        $a['id']              = $p->get_id();
        $a['nombre']          = $p->get_nombre();
        $a['energia']         = $p->get_energia();
        $a['caracteristicas'] = $p->get_caracteristicas();
        $a['imagen']          = $p->get_imagen();
        array_push( $collection, $a );
    }
?>

<!DOCTYPE html>
<html lang="es-ES">
<head>
    <title>BRAFHCOM S.R.L.</title>
    <meta http-equiv="Content-type" content="text/html; charset=iso-8859-1">
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/base.css">
    <link rel="stylesheet" type="text/css" href="css/productos.css">
    <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="js/Brafh.js"></script>
    <script type="text/javascript">
        $( window ).ready( function() {
            var catalogo = new $.Brafh.Catalogo({ data : '<?php echo addslashes(json_encode($collection)) ?>' });
            catalogo.Start();

            var search = new $.Brafh.Search();
            search.Start();
        });
    </script>
</head>
<body>
    <div id="container">
        <div class="wrapper">
            <div id="logo" class="left">
                <a href="index.php"><img src="img/commons/logo.jpg" alt="Logo"></a>
            </div>
            <div class="right">
                <div id="search" class="right panel">
                    <span class="buscar">BUSCAR</span>
                    <div class="row">
                        <input type="text" class="field textbox"><img src="img/commons/lupa.jpg" alt="Buscar" class="lupa" title="Buscar">
                    </div>
                    <ul class="search-results"></ul>
                </div>
                <div id="menu">
                    <ul>
                        <li><a href="index.php">NOSOTROS</a></li>
                        <li class="submenu active">
                            <a href="productos.php">PRODUCTOS</a>
                            <div class="submenu1">
                                <ul class="panel">
                                    <li>
                                        <a href="productos.php">LINEA CALOR</a>
                                        <div class="submenu2">
                                            <ul class="panel">
                                                <li><a href="productos.php">HORNOS</a></li>
                                                <li><a href="productos.php">COCINAS</a></li>
                                                <li><a href="productos.php">FREIDORAS</a></li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li>
                                        <a href="productos.php">LINEA FRIO</a>
                                        <div class="submenu2">
                                            <ul class="panel">
                                                <li><a href="productos.php">ITEM #1</a></li>
                                                <li><a href="productos.php">ITEM #2</a></li>
                                                <li><a href="productos.php">ITEM #3</a></li>
                                                <li><a href="productos.php">ITEM #4</a></li>
                                                <li><a href="productos.php">ITEM #5</a></li>
                                            </ul>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li><a href="contacto.php">CONTACTO</a></li>
                        <li><a href="#">PRESUPUESTO</a></li>
                        <li class="number">2</li>
                    </ul>
                </div>
            </div>
            <div class="clearfix"></div>
            <div id="location">
                <span class="title">PRODUCTOS</span><span class="breadcrum">&gt;&gt; LINEA CALOR &gt;&gt; HORNOS</span>
            </div>
            <div id="content">
                <div id="catalogo">
                    <ul class="productos"></ul>
                    <ul class="paginador"></ul>
                </div>
                <div id="muestra">
                    <div class="arrow leftarrow">
                        <img src="img/productos/leftarrow.png" alt="Ver el producto anterior" title="Ver el producto anterior">
                    </div>
                    <div class="arrow rightarrow">
                        <img src="img/productos/rightarrow.png" alt="Ver el siguiente producto" title="Ver el siguiente producto">
                    </div>
                    <div class="titulo left">
                        <span class="nombre"></span>
                        <span class="energia"></span>
                    </div>
                    <div class="close right">
                        <img src="img/productos/close.jpg" alt="Cerrar esta ventana" id="close" title="Cerrar esta ventana">
                    </div>
                    <div class="clearfix"></div>
                    <div class="descripcion">
                        <div class="thumb left">
                            <img src="" alt="">
                        </div>
                        <div class="caracteristicas right">
                            <span class="titulo">CARACTERISTICAS</span>
                            <ul></ul>
                        </div>
                        <div class="clearfix"></div>
                        <div class="sabermas">
                            <span class="titulo desc">SABER MAS ACERCA DE ESTE PRODUCTO</span>
                            <a href="#" class="presupuesto">
                                | Agregar a presupuesto
                                <img src="img/productos/vermas.png" alt="Agregar a presupuesto">
                            </a>
                        </div>
                        <div class="formulario">
                            <div class="left column">
                                <div class="row">
                                    <span>NOMBRE COMPLETO *</span>
                                    <input class="textbox">
                                </div>
                                <div class="row">
                                    <span>E-MAIL *</span>
                                    <input class="textbox">
                                </div>
                                <div class="row">
                                    <span>CIUDAD</span>
                                    <select class="select">
                                        <option value="rosario">Artigas</option>
                                        <option value="rosario">Carlos Paz</option>
                                        <option value="rosario">Chascom&uacute;s</option>
                                        <option value="rosario">New York</option>
                                        <option value="rosario">Rold&aacute;n</option>
                                        <option value="rosario">Rosario</option>
                                        <option value="rosario">San Fernando del Valle de Catamarca</option>
                                    </select>
                                </div>
                                <div class="row">
                                    <span>TELEFONO</span>
                                    <input class="textbox">
                                </div>
                            </div>
                            <div class="right column">
                                <div class="row">
                                    <span>ASUNTO *</span>
                                    <input class="textbox">
                                </div>
                                <div class="row last">
                                    <span class="mensaje">MENSAJE *</span>
                                    <textarea class="textbox"></textarea>
                                </div>
                                <div class="submit">
                                    <span class="requerido">* Campos obligatorios / Required fields</span>
                                    <span class="boton enviar" title="Enviar consulta">ENVIAR</span>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="footer">
        <div class="wrapper">
            Dean Funes 3555 | S2003BOG, Rosario &middot; Santa Fe &middot; Argentina | Tel. 0341 153 - 810360 | <a href="#">www.brafhcomsrl.com.ar</a>
        </div>
    </div>
</body>
</html>